<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  /* font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px; */
  margin: 0;
  padding: 0;
}
body{
  margin: 0 !important;
}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f24{font-size: 24px;}
.pt10{padding-top: 10px;}
.mt10{margin-top: 10px;}
.mt30{margin-top: 30px;}
.cw{color: white;}
.cgrey{color: gray;}
.cb{color: black;}
.fw600{font-weight: 600;}
.fw700{font-weight: 700;}

.dv-scroll-board .rows .row-item {
  color: #19f1f9;
  font-size: 10px !important;
}
.dv-scroll-board .header .header-item {
  font-size: 10px !important;
}
.dv-scroll-board .header{
  background: none !important;
  color: #CAAF11FF !important;
}
.dv-border-box-10 .right-bottom{z-index: 10000;}
.dv-border-box-10 .left-bottom{z-index: 10000;}

.dialog__header,.el-dialog__body{
  padding: 10px;
}
.el-dialog__title{color: #04C0E2FF;}
 .table-wrapper,.el-table__header-wrapper,.is-leaf,.el-table__row,.el-dialog{
   color: #04C0E2FF;
   font-size: 12px;
   background:rgba(0,5,46,1) !important;
   border: none !important;
 }

 .el-table td, .el-table th{
   padding: 10px 0;
   border:none;
 }
 .el-table tbody tr:hover>td {
   border: none !important;
   background:rgba(0,5,46,1) !important;
}
.el-table--border::after, .el-table--group::after, .el-table::before{
  background-color: rgba(0,5,46,1);
}

 .el-popover{
   width:166px;
   background: none;
   border: none;
   padding: 0;
   overflow-x: hidden;
 }
 .el-table--scrollable-x .el-table__body-wrapper {
    overflow-x: hidden;
}
/* .el-table__header-wrapper{height: 10px;} */
.el-dialog__header{
  padding: 10px;
}
</style>
